<style>
    body{
        margin: 0px;
        padding: 0px;
    }
    /*标题外框*/
    .heder{
        width: 100%;
        height: 60px;
        border-bottom: 1px solid #dce0e0;

        background-color: white;
        z-index: 999;

    }


    .logo_heder{
        float: left;
    }

    .heder_left{
        background-color: white;
        float: right;
        width: 1100px;
        height: 60px;

    }
    .nva_R{
        float: right;
        margin: 0px;
        width: 400px;
        height: 50px;

        padding: 10px 23px 0px 0px;
    }
    .room_li{
        float: left;
        list-style-type: none;
        height: 42px;
        text-align: center;
        line-height: 42px;
        margin-left: 15px;

    }

    .room_btn{
        float: right;
        width: 118px;
        height: 42px;
        background-color: #22bb62;
        text-align: center;
        line-height: 42px;
        cursor: pointer;
        border-radius: 3px;
    }
    .room_btn a{
        color: white;
        text-decoration: none;
        border-radius: 2px;
    }
    .room_div{
        float: left;
        text-align: center;
        line-height: 42px;
        height: 42px;
        width: 100px;
    }
    /*标题外框*/
    /*轮播图*/
    #box{

    }

    #box img{
        width: 100%;
        height: 520px;
    }
    /*轮播图*/
    /*特别服务*/
    .ads_room{
        height: 100px;
        margin: 0;
        outline: none;
        display: block;
        border: none;
        width: 100%;
        background-color: #edefed;
        padding: 25px 0;
        box-sizing: border-box;/*border-box  width 和 height 属性包括内容，内边距和边框，但不包括外边距*/

    }
    .ads_room ul li{
        width: 297px;
        height: 50px;
        float: left;
        text-align: center;
        line-height: 25px;
        list-style: none;

        font-size: 14px;
        display: list-item;/*display:list-item为元素内容生成一个块型盒，随后再生成一个列表型的行内盒。其效果就和ul中出现项目列表符号一样。通俗地说就是会在内容前面自动加上黑点，而display:block则不会出现黑点。*/

    }
    .ads_room ul{
        display: block;
        list-style-type: disc;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        /*-webkit-padding-start: 40px;*/
        float: left;
        width: 100%;
        height: 50px;
        margin: 0px;

    }
    /*公共*/
    ul,li,p,h2,b{
        margin: 0;
        padding: 0;
    }
    li{
        list-style-type: none;
    }
    div{

        border: none;
    }
    a{
        text-decoration: none;
    }
    /*公共*/
    .ads_room p{
        color: #322c27;
        font-size: 20px;

    }
    /*特别服务*/

    /*热门景点标题*/
    .index-box-tit{
        width: 100%;
        height: 71px;
        padding: 35px 0px 35px 0px;
    }
    .t-center{
        text-align: center;
    }
    font {
        font-size: xx-large;
        color: rgb(0, 0, 0);

    }
    h2{
        display: block;
        height: 42px;
        font-size: 1em;

        font-weight: bold;
    }
    .f18{
        font-size: 18px;
    }
    h1,h2{
        font-weight: normal;
    }
    .mb5{
        margin-top: 0px;
        margin-bottom: 5px;
    }
    /*/*热门景点标题*/
    /*轮播*/
    .container_outer{
        width: 100%;
        height: 300px;

    }
    .container{
        width: 1110px;
        height: 270px;
        border: solid 1px blue;
        margin: 0px auto;
        position: relative;
        overflow: hidden;
        top: 10px;

    }


    #list{
        width: 4440px;
        height: 270px;

        position: absolute;
        left: -1110px;
    }
    .list li{
        width: 350px;
        height: 270px;
        padding: 0px 10px;
        float: left;
        list-style-type: none;
    }
    .list li:hover{
        border: solid 1px red;
        width: 349px;
        height: 269px;
    }
    .scenic{
        width: 350px;
        height: 180px;
    }
    .list p{
        color: black;
        font-size: 24px;
        font-family: 微软雅黑;
        margin: 4px 0px;
    }
    .list a{
        width: 350px;
        height: 270px;
        text-decoration: none;

    }
    .list span{
        color: #797979;
        font-size: 14px;
        margin: 4px 0px;
    }
    /*轮播*/
    /*翻页按钮*/
    .paging{
        width: 50px;
        height: 100px;
        font-size: 5em;
        position: relative;
        top: -200px;
        color: #c7cbcb;
        cursor: pointer;
    }
    .paging:hover{
        color: #999c9c;
    }
    #prev{
        float: left;
        left: 100px;
    }
    #next{
        float: right;
        right: 100px;
    }
    /*翻页按钮*/

    /*短租推荐*/
    .index_box{
        width: 100%;
        height: 960px;
        border-top: 1px red solid;
        border-bottom: 1px red solid;
    }
    .index_box .index-box-tit{
        text-align: center;
        height: 42px;
    }
    .apart{
        width: 1190px;
        height: 756px;
        border:  1px red solid;
        margin: 0px auto;
    }


    /**/
    .clearfloat{
        width: 100%;
        height: 16px;
        margin: 36px auto;
    }
    .tab_item{
        width: 54px;
        height:14px;
        background-color: #e0e0e0;
        margin: 0px 15px;
        float: left;

    }
    .tab_item:hover{
        background-color: #22bb62;
    }
    .tab_item_outer{
        width: 168px;
        margin:0 auto;
        height: 16px;
    }
    /**/
    /*短租推荐*/

    /*房东故事*/
    .story{
        height: 560px;
    }
    .tabslider{
        width: 9999px;
        height: 420px;
        margin: 0px auto;
        overflow: hidden;
    }
    .tabslider_outer{
        width: 1170px;
        height: 420px;
        margin: auto;
    }
    .tabslider_div{
        width: 580px;
        height: 360px;
        border: 1px solid red;
        float: left;
    }
    .tabslider img{
        width: 580px;
        height: 360px;
    }
    .belt{
        float: left;
        height: 420px;
        width: 30px;
    }
    /*房东故事*/
</style>
